﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>维权视频</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit|ie-stand |ie-comp">
    <!-- 指定以最新的IE版本模式来显示网页 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 针对360浏览器的内核调用,强制调用极速模式 -->
    <meta name="renderer" content="webkit" />
    <link rel="stylesheet" href="style/reset.css">
    <link rel="stylesheet" href="style/wqsp.css">
    <link rel="stylesheet" href="swiper/swiper.css">
    <link rel="stylesheet" href="style/zxgl.css">
    <link rel="stylesheet" href="style/hf.css">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript" src="swiper/swiper.min.js"></script>
    <script type="text/javascript" src="js/jquery.qqFace.js"></script>
    <!-- 城市选择 -->
    <script type="text/javascript" src="js/distpicker.data.js"></script>
    <script type="text/javascript" src="js/distpicker.js"></script>
</head>
<body>

    <!-- 公共顶部 S -->
    <div class="row header-top">
        <div class="container">
            <div class="header-top-l fl">您好，欢迎来到房屋装修监理网!</div>
            <div class="header-top-r fr">
                <div class="htrdl"><a href="mmlogin.html">登录</a></div>
                <div class="htrdl"><a href="register.html">注册</a></div>
                <!-- 登陆后出现用户名 和 退出 -->
                <!-- <div class="htrdl"><a>Andy233</a></div>
                <div class="htrdl"><a href="">退出</a></div> -->
                <span class="htrb"></span>
                <div class="htr"><a href="index-zxhd.html">最新活动</a></div>
                <span class="htrb"></span>
                <div class="htr"><a href="index-gsjieshao.html">公司介绍</a></div>
                <span class="htrb"></span>
                <div class="htr"><a href="index-ZXyuyue.html">免费预约</a></div>
                <span class="htrb"></span>
                <div class="htr mess"><a href="PersonalCenter/MyXTxiaoxi.html">消息<span>20</span></a></div>
                <span class="htrb"></span>
                <div class="htr"><a href="PersonalCenter/Myxiangmu.html">个人中心</a></div>
                <span class="htrb"></span>
            </div>
        </div>
    </div>
    <div class="row header-logo">
        <div class="container  header-conter">
            <div class="hclogo fl">
                <a href="index.html"><img src="image/logo.png"></a>
            </div>
            <div class="hcsearch">
                <div class="hcsearl fl">
                    <select>
                        <option>监理现场</option>
                        <option>监理案例</option>
                        <option>装修攻略</option>
                        <option>维权视频</option>
                    </select>
                </div>
                <div class="hcsearc fl">
                    <input type="text">
                </div>
                <div class="hcsearr fr">
                    搜索
                </div>
            </div>
            <div class="hctex fr">
                <img src="image/tel.png" style="margin-right: 40px;">
                <img src="image/wx.png">
            </div>
        </div>
    </div>
    <div class="row header-bottom">
        <div class="container">
            <a class="hbmain fl" href="index.html">首页</a>
            <a class="hbnav fl" href="index-jlfw.html">监理服务</a>
            <a class="hbnav fl" href="index-jlxc.html">监理现场</a>
            <a class="hbnav fl" href="index-jlal.html">监理案例</a>
            <a class="hbnav fl" href="index-zxgl.html">装修攻略</a>
            <a class="hbnav fl selected" href="index-wqsp.html">维权视频</a>
            <a class="hbnav fl" href="index-zxgs.html">装修公司</a>
        </div>
    </div>
    <!--公共顶部 E -->
    <!-- 维权视频详情 S-->
    <div class="row">
        <div class="container wqspmain">
            <div class="wqsp-left">
                <div class="w-lxqvedio">
                    <iframe height=620 width=940 src='http://player.youku.com/embed/XNDg3MjAyNDg0' frameborder=0 'allowfullscreen' title="新房装修刚入住不久，家中的墙砖严重开裂，脱落，装修公司强词夺理饿推卸责任！"></iframe>
                    <div class="w-lxqvb">
                        <p><b>新房交付/房屋毛坯质量验收注意事项很是关键！</b></p>
                        <div class="wlbox-nul nul">
                            <img src="image/vd.png"> <span>2856次播放</span>
                        </div>
                    </div>
                </div>
                <div class="wqspcon">
                    购买新房本事件很高兴的事情，但交房前需要去注意房屋自身的质量问题，否则后期装修就会给您带来种种麻烦，甚至会在装修期间无形增加了没必要支出的装修费用，那么收房应该注意那些基本知识呢？杭州旭尧监理为大家视频讲解！
                </div>
                <div class="zxgl-l">
                    <div class="zcptop">
                        <div class="zcptopl fl"><b>评论（256）</b></div>
                        <div class="zcptopr fr">
                            <div class="zcptopr fr">
                                <div class="fxdz">
                                    <label class="jqdz">
                                        <a class="dianzan"></a>
                                        <span class="fenx">222</span>
                                    </label>
                                </div>
                                <div class="fxdz">
                                    <label class="jqfx">
                                        <div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more" style="font-size: 14px;color: #999;"> &nbsp;分享</a></div>
                                        <script>window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdMini": "2", "bdMiniList": false, "bdPic": "", "bdStyle": "2", "bdSize": "16" }, "share": { "bdSize": 16 } }; with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];</script>
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="zcpoth">Lily，小叶，蒙娜丽莎，浅浅，YOYO，机器猫小叮当，七七等20人觉得很赞</div>
                    <div class="comment">
                        <div class="com_form">
                            <textarea class="input" id="saytext" name="saytext"></textarea>
                            <input type="button" class="sub_btn fr" value="提交">
                            <a class="a-upload fr">
                                <input type="file" name="myFile" id="myFile" multiple="multiple">插入图片
                            </a>
                            <span class="emotion fr"></span>
                            <div class="img_div"></div>
                        </div>
                    </div>
                    <div class="zxglplmain bd">
                        <div class="zxglm-head">
                            <div class="ztlconhd"></div>
                        </div>
                        <div class="zxglm-con">
                            <div class="zxglm-con-title">装修达人小K </div>
                            <!--  <div id="show"></div> -->
                            <div class="zxglm-con-p">装修开工仪式不错啊~~装修开工仪式不错啊~~装修开工仪式不错啊~~装修开工仪式不错啊~~装修开工仪式不错啊~~装修开工仪式不错啊~~装修开工仪式不错啊~~装修开工仪式不错啊~~装修开工仪式不错啊~~装修开工仪式不错啊~~</div>
                            <div class="img_divs">
                                <div class="isImg">
                                    <img src="image/img7.jpg" onclick="javascript:lookBigImg(this)" style="height: 100%; width: 100%;">
                                </div>
                                <div class="isImg">
                                    <img src="image/img7.jpg" onclick="javascript:lookBigImg(this)" style="height: 100%; width: 100%;">
                                </div>
                                <div class="isImg">
                                    <img src="image/img7.jpg" onclick="javascript:lookBigImg(this)" style="height: 100%; width: 100%;">
                                </div>
                                <div class="isImg">
                                    <img src="image/img7.jpg" onclick="javascript:lookBigImg(this)" style="height: 100%; width: 100%;">
                                </div>
                            </div>
                            <div class="zxglm-ctime">
                                <div class="zxglm-ctime-l">4分钟前</div>
                                <div class="zxglm-ctime-r" data-type="1">回复</div>
                            </div>
                        </div>
                    </div>
                    <div class="zxglplmain bd">
                        <div class="zxglm-head">
                            <div class="ztlconhd"></div>
                        </div>
                        <div class="zxglm-con">
                            <div class="zxglm-con-title">装修达人小K </div>
                            <!--  <div id="show"></div> -->
                            <div class="zxglm-con-p">装修开工仪式不错啊~~装修开工仪式不错啊~~装修开工仪式不错啊~~装修开工仪式不错啊~~装修开工仪式不错啊~~装修开工仪式不错啊~~装修开工仪式不错啊~~装修开工仪式不错啊~~装修开工仪式不错啊~~装修开工仪式不错啊~~</div>
                            <div class="img_divs">
                                <div class="isImg">
                                    <img src="image/img7.jpg" onclick="javascript:lookBigImg(this)" style="height: 100%; width: 100%;">
                                </div>
                                <div class="isImg">
                                    <img src="image/img7.jpg" onclick="javascript:lookBigImg(this)" style="height: 100%; width: 100%;">
                                </div>
                                <div class="isImg">
                                    <img src="image/img7.jpg" onclick="javascript:lookBigImg(this)" style="height: 100%; width: 100%;">
                                </div>
                                <div class="isImg">
                                    <img src="image/img7.jpg" onclick="javascript:lookBigImg(this)" style="height: 100%; width: 100%;">
                                </div>
                            </div>
                            <div class="zxglm-ctime">
                                <div class="zxglm-ctime-l">4分钟前</div>
                                <div class="zxglm-ctime-r" data-type="1">回复</div>
                            </div>
                        </div>
                    </div>
                    <!-- 查看更多 -->
                    <div class="viewmore">查看更多 <img src="image/dd.png"></div>
                </div>
            </div>
            <div class="wqsp-right">
                <div class="w-r-rmtj">
                    <div style="font-size: 18px;margin-bottom: 20px;"><b>热门推荐</b></div>
                    <div class="wlbox wlbox240">
                        <div class="wlbox-vedio wlbox-vedio240">
                            <div class="wlbox-img wlbox-img240">
                                <img src="image/img9.png" alt="">
                                <div class="wlbox-hover"></div>
                                <i class="vedio vedio240"></i>
                            </div>
                            <iframe class="em hide" height=250 width=240 src='http://player.youku.com/embed/XNDg3MjAyNDg0' frameborder=0 'allowfullscreen' title="新房装修刚入住不久，家中的墙砖严重开裂，脱落，装修公司强词夺理饿推卸责任！"></iframe>
                        </div>
                        <div class="wlbox-title wlbox-title240">
                            <a href="index-wqsp01.html">新房交付，房屋质量很量很关键，旭尧监验房现场</a>
                            <div class="wlbox-nul wlbox-nul240">
                                <img src="image/vd.png"> <span>2856次播放</span>
                            </div>
                        </div>
                    </div>
                    <div class="wlbox wlbox240">
                        <div class="wlbox-vedio wlbox-vedio240">
                            <div class="wlbox-img wlbox-img240">
                                <img src="image/img9.png" alt="">
                                <div class="wlbox-hover"></div>
                                <i class="vedio vedio240"></i>
                            </div>
                            <iframe class="em hide" height=250 width=240 src='http://player.youku.com/embed/XNDg3MjAyNDg0' frameborder=0 'allowfullscreen' title="新房装修刚入住不久，家中的墙砖严重开裂，脱落，装修公司强词夺理饿推卸责任！"></iframe>
                        </div>
                        <div class="wlbox-title wlbox-title240">
                            <a href="index-wqsp01.html">新房交付，房屋质量很量很关键，旭尧监验房现场</a>
                            <div class="wlbox-nul wlbox-nul240">
                                <img src="image/vd.png"> <span>2856次播放</span>
                            </div>
                        </div>
                    </div>
                    <div class="wlbox wlbox240">
                        <div class="wlbox-vedio wlbox-vedio240">
                            <div class="wlbox-img wlbox-img240">
                                <img src="image/img9.png" alt="">
                                <div class="wlbox-hover"></div>
                                <i class="vedio vedio240"></i>
                            </div>
                            <iframe class="em hide" height=250 width=240 src='http://player.youku.com/embed/XNDg3MjAyNDg0' frameborder=0 'allowfullscreen' title="新房装修刚入住不久，家中的墙砖严重开裂，脱落，装修公司强词夺理饿推卸责任！"></iframe>
                        </div>
                        <div class="wlbox-title wlbox-title240">
                            <a href="index-wqsp01.html">新房交付，房屋质量很量很关键，旭尧监验房现场</a>
                            <div class="wlbox-nul wlbox-nul240">
                                <img src="image/vd.png"> <span>2856次播放</span>
                            </div>
                        </div>
                    </div>

                    <div class="w-wx">
                        <img src="image/xy2.png" style="margin-bottom: 20px">
                        <img src="image/xy.png">
                    </div>
                    <div class="title"><b>推荐监理案例</b></div>
                    <div class="wrboxlist">
                        <div class="wl-img">
                            <a href="#"><img src="image/p2.png"></a>
                        </div>
                        <div class="wl-con">
                            <a href="#">菊香苑三室一一厅监理案例</a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="title"><b>相关推荐</b></div>
            <div class="wlbox wlbox285">
                <div class="wlbox-vedio wlbox-vedio285">
                    <div class="wlbox-img wlbox-img285">
                        <img src="image/img9.png" alt="">
                        <div class="wlbox-hover"></div>
                        <i class="vedio vedio285"></i>
                    </div>
                    <iframe class="em hide" height=250 width=285 src='http://player.youku.com/embed/XNDg3MjAyNDg0' frameborder=0 'allowfullscreen' title="新房装修刚入住不久，家中的墙砖严重开裂，脱落，装修公司强词夺理饿推卸责任！"></iframe>
                </div>
                <div class="wlbox-title wlbox-title285">
                    <a href="index-wqsp01.html">新房交付，房屋质量很量很关键，旭尧监验房现场</a>
                    <div class="wlbox-nul">
                        <img src="image/vd.png"> <span>2856次播放</span>
                    </div>
                </div>
            </div>
            <div class="wlbox wlbox285">
                <div class="wlbox-vedio wlbox-vedio285">
                    <div class="wlbox-img wlbox-img285">
                        <img src="image/img9.png" alt="">
                        <div class="wlbox-hover"></div>
                        <i class="vedio vedio285"></i>
                    </div>
                    <iframe class="em hide" height=250 width=285 src='http://player.youku.com/embed/XNDg3MjAyNDg0' frameborder=0 'allowfullscreen' title="新房装修刚入住不久，家中的墙砖严重开裂，脱落，装修公司强词夺理饿推卸责任！"></iframe>
                </div>
                <div class="wlbox-title wlbox-title285">
                    <a href="index-wqsp01.html">新房交付，房屋质量很量很关键，旭尧监验房现场</a>
                    <div class="wlbox-nul">
                        <img src="image/vd.png"> <span>2856次播放</span>
                    </div>
                </div>
            </div>
            <div class="wlbox wlbox285">
                <div class="wlbox-vedio wlbox-vedio285">
                    <div class="wlbox-img wlbox-img285">
                        <img src="image/img9.png" alt="">
                        <div class="wlbox-hover"></div>
                        <i class="vedio vedio285"></i>
                    </div>
                    <iframe class="em hide" height=250 width=285 src='http://player.youku.com/embed/XNDg3MjAyNDg0' frameborder=0 'allowfullscreen' title="新房装修刚入住不久，家中的墙砖严重开裂，脱落，装修公司强词夺理饿推卸责任！"></iframe>
                </div>
                <div class="wlbox-title wlbox-title285">
                    <a href="index-wqsp01.html">新房交付，房屋质量很量很关键，旭尧监验房现场</a>
                    <div class="wlbox-nul">
                        <img src="image/vd.png"> <span>2856次播放</span>
                    </div>
                </div>
            </div>
            <div class="wlbox wlbox285" style="margin-right: 0">
                <div class="wlbox-vedio wlbox-vedio285">
                    <div class="wlbox-img wlbox-img285">
                        <img src="image/img9.png" alt="">
                        <div class="wlbox-hover"></div>
                        <i class="vedio vedio285"></i>
                    </div>
                    <iframe class="em hide" height=250 width=285 src='http://player.youku.com/embed/XNDg3MjAyNDg0' frameborder=0 'allowfullscreen' title="新房装修刚入住不久，家中的墙砖严重开裂，脱落，装修公司强词夺理饿推卸责任！"></iframe>
                </div>
                <div class="wlbox-title wlbox-title285">
                    <a href="index-wqsp01.html">新房交付，房屋质量很量很关键，旭尧监验房现场</a>
                    <div class="wlbox-nul">
                        <img src="image/vd.png"> <span>2856次播放</span>
                    </div>
                </div>
            </div>



        </div>
    </div>
    <!-- 维权视频详情 E-->


    <!-- 图片弹框 -->
    <div class="shade" onclick="javascript:closeShade()">
        <div class="">
            <span class="text_span"></span>
        </div>
    </div>

    <div class="shadeImg" onclick="javascript:closeShadeImg()">
        <div class="">
            <img class="showImg" src="">
        </div>
    </div>


    <!--公共底部 S-->
    <div class="row foot-top">
        <div class="container">
            <div class="ftpl fl">
                <div class="ftpltitle">服务指南</div>
                <div class="ftplcon"><a href="">全程监理</a></div>
                <div class="ftplcon"><a href="">全托监理</a></div>
                <div class="ftplcon"><a href="">工装监理</a></div>
                <div class="ftplcon"><a href="">验房服务</a></div>
            </div>
            <div class="ftpl fl">
                <div class="ftpltitle">旭尧监理</div>
                <div class="ftplcon"><a href="">监理现场</a></div>
                <div class="ftplcon"><a href="">监理案例</a></div>
                <div class="ftplcon"><a href="">装修经验</a></div>
                <div class="ftplcon"><a href="">装修问答</a></div>
            </div>
            <div class="ftpl fl">
                <div class="ftpltitle">关于旭尧</div>
                <div class="ftplcon"><a href="">公司介绍</a></div>
                <div class="ftplcon"><a href="">免费预约</a></div>
            </div>
            <div class="ftpc fl">
                <div class="ftpltitle">联系我们</div>
                <div class="ftpltel"><img src="image/icon-tell.png">0571-88322527 13656667535</div>
                <div class="ftplcon"><img src="image/icon-email.png">fwzxjl@163.com</div>
                <div class="ftplcon"><img src="image/icon-qq.png">QQ:354426019</div>
                <div class="ftplcon"><img src="image/icon-dw.png">杭州市拱墅区广业街长青文化创意园2号楼410室</div>
            </div>
            <div class="ftpr fl">
                <div class="ftpltitle">关注我们</div>
                <a href="http://weibo.com/fwzxjl" target="_blank" title="关注腾讯微博"><img src="image/xlwb.png"></a>
                <a href="http://t.qq.com/lov354426019" target="_blank" title="关注腾讯微博"><img src="image/qqwb.png"></a>
                <a href="http://wpa.qq.com/msgrd?v=3&uin=354426019&site=qq&menu=yes" target="_blank" title="联系QQ客服"><img src="image/qqqw.png"></a>
                <div class="ftprrwm">
                    <img src="image/wx2.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <div class="row foot-bottom">
        <div class="container">
            <span>杭州旭尧监理 版权所有 2012-2016 浙ICP备12033773-2号 公安备案号 </span> &nbsp;<img src="image/icon-police.png">&nbsp;
            <span>声明:本站所有装修帖来自于『杭州房屋装修监理网』现场监督过程|不得转载用于商业场所！</span><br>
            <a>友情链接</a>

            <a href="http://www.hzxyjl.com/" title="杭州旭尧监理杭州旭尧建筑工程监理有限公司" target="_blank">杭州旭尧监理</a>
            <a href="http://www.1linli.com" title="生活小妙招生活小妙招，生活小窍门，生活小常识" target="_blank">生活小妙招</a>
            <a href="http://hz.to8to.com/company/" title="杭州装修公司杭州土巴兔家居装修网装修公司排名" target="_blank">杭州装修公司</a>
            <a href="http://www.tumanyi.com/hz/" title="杭州装修网" target="_blank">杭州装修网</a>
            <a href="http://bbs.jia.com/hangzhou/" title="杭州装修论坛" target="_blank">杭州装修论坛</a>
            <a href="http://hz.zx123.cn" title="杭州装修" target="_blank">杭州装修</a>
            <a href="http://www.xiugei.com/xueyuan/" title="室内装修流程秀给网装修学院" target="_blank">室内装修流程</a>
            <a href="http://hz.zxzhijia.com" title="杭州装修网" target="_blank">杭州装修网</a>
            <a href="http://www.zrcw.net" title="汉中人网" target="_blank">汉中人网</a>
            <a href="http://www.dagannan.com" title="赣州生活门户网" target="_blank">赣州生活门户网</a>
            <a href="http://www.gzzxjlw.com/" title="广州啄木鸟装修监理广州啄木鸟装修监理" target="_blank">广州啄木鸟装修监理</a>
            <a href="http://zx.meilele.com/zhishi/" title="装修知识大全" target="_blank" style="border:0">装修知识大全</a>
        </div>
    </div>
    <!--公共底部 E-->
</body>
<script type="text/javascript">

    $(function () {

        

        //回复
        $(document).on('click', '.zxglm-ctime-r', function () {


            var html  = "<div class=\"hfbox\">";
            html += "<div class=\"addtextarea\">";
            html += "<textarea placeholder=\"回复 @装修达人小K：\" id=\"addtext\"></textarea>";
            html += "</div>";
            html += "<div class=\"addother\">";
            html += "<input type=\"button\" class=\"sub_btn fr\" value=\"发表评论\" data-type=\"" + $(this).data('type') + "\">";
            html += "<a class=\"a-upload fr\"><input type=\"file\" name=\"addmyFile\" id=\"addmyFile\" multiple=\"multiple\">插入图片</a>";
            html += "<span class=\"emotion fr\"></span>";
            html += "<div class=\"add_img_div\"></div>";
            html += "</div>";
            html += "</div>";


            $(this).parent('.zxglm-ctime').after(html);


            $('.emotion').qqFace({
                id: 'facebox',
                assign: 'addtext',
                path: 'arclist/' //表情存放的路径
            });

            var objUrl;
            var img_html;
            $("#addmyFile").change(function () {
                var add_img_div = $(".add_img_div");
                var filepath = $("input[name='addmyFile']").val();
                for (var i = 0; i < this.files.length; i++) {
                    objUrl = getObjectURL(this.files[i]);
                    var extStart = filepath.lastIndexOf(".");
                    var ext = filepath.substring(extStart, filepath.length).toUpperCase();
                    if (ext != ".BMP" && ext != ".PNG" && ext != ".GIF" && ext != ".JPG" && ext != ".JPEG") {
                        $(".shade").fadeIn(500);
                        $(".text_span").text("图片限于bmp,png,gif,jpeg,jpg格式");
                        this.value = "";
                        $(".add_img_div").html("");
                        return false;
                    } else {
                        /*
                         若规则全部通过则在此提交url到后台数据库
                         * */
                        img_html = "<div class='isImg'><img class='isimgs' src='" + objUrl + "' onclick='javascript:lookBigImg(this)' style='height: 100%; width: 100%;' /><button class='removeBtn' onclick='javascript:removeImg(this)'>x</button></div>";
                        add_img_div.append(img_html);
                    }
                }
                var file_size = 0;
                var all_size = 0;
                for (j = 0; j < this.files.length; j++) {
                    file_size = this.files[j].size;
                    all_size = all_size + this.files[j].size;
                    var size = all_size / 1024;
                    if (size > 500) {
                        $(".shade").fadeIn(500);
                        $(".text_span").text("上传的图片大小不能超过100k！");
                        this.value = "";
                        $(".img_div").html("");
                        return false;
                    }
                }
                return true;
            });
            function getObjectURL(file) {
                var url = null;
                if (window.createObjectURL != undefined) { // basic
                    url = window.createObjectURL(file);
                } else if (window.URL != undefined) { // mozilla(firefox)
                    url = window.URL.createObjectURL(file);
                } else if (window.webkitURL != undefined) { // webkit or chrome
                    url = window.webkitURL.createObjectURL(file);
                }
                //console.log(url);
                return url;
            }
            function removeImg(r) {
                $(r).parent().remove();
            }
            function lookBigImg(b) {
                $(".shadeImg").fadeIn(500);
                $(".showImg").attr("src", $(b).attr("src"))
            }
            function closeShade() {
                $(".shade").fadeOut(500);
            }
            function closeShadeImg() {
                $(".shadeImg").fadeOut(500);
            }
            $('.sub_btn').on('click', function () {
                var html = "";
                var istype1 = $(this).data('type') == "1" && $(this).parents('.zxglm-con').find('.addhfmain').length <= 0;
                var hf_saytext = $('.addtextarea textarea').val();
                var hf_sayimg = $('.isimgs').attr("src");
                if (istype1)
                    html += "<div class=\"addhfmain\">";
                    html += "<div class=\"addm-p\">";
                    html += "<span class=\"addsp\">YOYO ：</span>";
                    html += "<span class=\"addm-p\">";
                    html += replace_em(hf_saytext);
                    html += "</span>";
                    html += "</div>";
                    html += "<div class=\"img_divs\">";
                    html += "</div>";
                    html += "<div class=\"zxglm-ctime bombor\">";
                    html += "<div class=\"zxglm-ctime-l\">4分钟前</div>";
                    html += "<div class=\"zxglm-ctime-r\" data-type=\"2\">回复</div>";
                    html += "</div>";
                if (istype1)
                    html += '</div>';
                $(this).parents('.addother').after(html);

                // var hf_saytext = $('.addtextarea textarea').val();
                // var hf_sayimg = $('.isimgs').attr("src");
                // $('.zxglplmain').children('.zxglm-con').children('.addhfmain').children('.addm-p').children('.addm-p').append(replace_em(hf_saytext));
                // $('.zxglplmain').children('.zxglm-con').children('.addhfmain').children('.img_divs').children('.isImg').children('img').attr('src', hf_sayimg);
                $(this).parent('.addother').siblings('.addtextarea').remove();
                $(this).parent('.addother').remove();
            })
        })


        //点赞
        $('.jqdz').on('click', function () {
            var n = $(this).children('.fenx');
            var num = parseInt(n.text());
            num += 1;
            n.text(num);
            $(this).children('.dianzan').addClass('on');
            $(this).children('.fenx').addClass('on');
        })

        // 提交
        $('.sub_btn').click(function () {
            var saytext = $('#saytext').val();
            var sayimg = $('.isimgs').attr("src");
            $('.zxglplmain').children('.zxglm-con').children('.zxglm-con-p').append(replace_em(saytext));
            $('.zxglplmain').children('.zxglm-con').children('.img_divs').children('.isImg').children('img').attr('src', sayimg);
        });



        var mySwiper = new Swiper('.swiper-container', {
            slidesPerView: 3,
            slidesPerGroup: 1,
            prevButton: '.swiper-button-prev',
            nextButton: '.swiper-button-next',
        })



        $('.emotion').qqFace({

            id: 'facebox',

            assign: 'saytext',

            path: 'arclist/' //表情存放的路径

        });

    });

    //查看结果

    function replace_em(str) {

        str = str.replace(/\</g, '&lt;');

        str = str.replace(/\>/g, '&gt;');

        str = str.replace(/\n/g, '<br/>');

        str = str.replace(/\[em_([0-9]*)\]/g, '<img src="arclist/$1.gif" border="0" />');

        return str;

    }

</script>
<script type="text/javascript">
    $(function() {
        var objUrl;
        var img_html;
        $("#myFile").change(function() {
            var img_div = $(".img_div");
            var filepath = $("input[name='myFile']").val();
            for(var i = 0; i < this.files.length; i++) {
                objUrl = getObjectURL(this.files[i]);
                var extStart = filepath.lastIndexOf(".");
                var ext = filepath.substring(extStart, filepath.length).toUpperCase();
                /*
                 作者：z@qq.com
                时间：2016-12-10
                描述：鉴定每个图片上传尾椎限制
                * */
                if(ext != ".BMP" && ext != ".PNG" && ext != ".GIF" && ext != ".JPG" && ext != ".JPEG") {
                    $(".shade").fadeIn(500);
                    $(".text_span").text("图片限于bmp,png,gif,jpeg,jpg格式");
                    this.value = "";
                    $(".img_div").html("");
                    return false;
                } else {
                    /*
                     若规则全部通过则在此提交url到后台数据库
                     * */
                    img_html = "<div class='isImg'><img class='isimgs' src='" + objUrl + "' onclick='javascript:lookBigImg(this)' style='height: 100%; width: 100%;' /><button class='removeBtn' onclick='javascript:removeImg(this)'>x</button></div>";
                    img_div.append(img_html);
                }
            }
            /*
             作者：z@qq.com
            时间：2016-12-10
            描述：鉴定每个图片大小总和
            * */
            var file_size = 0;
            var all_size = 0;
            for(j = 0; j < this.files.length; j++) {
                file_size = this.files[j].size;
                all_size = all_size + this.files[j].size;
                var size = all_size / 1024;
                if(size > 500) {
                    $(".shade").fadeIn(500);
                    $(".text_span").text("上传的图片大小不能超过100k！");
                    this.value = "";
                    $(".img_div").html("");
                    return false;
                }
            }
            /*
             作者：z@qq.com
            时间：2016-12-10
            描述：鉴定每个图片宽高 以后会做优化 多个图片的宽高 暂时隐藏掉 想看效果可以取消注释就行
            * */
            //                  var img = new Image();
            //                  img.src = objUrl;
            //                  img.onload = function() {
            //                      if (img.width > 100 && img.height > 100) {
            //                          alert("图片宽高不能大于一百");
            //                          $("#myFile").val("");
            //                          $(".img_div").html("");
            //                          return false;
            //                      }
            //                  }
            return true;
        });
        /*
         作者：z@qq.com
        时间：2016-12-10
        描述：鉴定每个浏览器上传图片url 目前没有合并到Ie
         * */
        function getObjectURL(file) {
            var url = null;
            if(window.createObjectURL != undefined) { // basic
                url = window.createObjectURL(file);
            } else if(window.URL != undefined) { // mozilla(firefox)
                url = window.URL.createObjectURL(file);
            } else if(window.webkitURL != undefined) { // webkit or chrome
                url = window.webkitURL.createObjectURL(file);
            }
            //console.log(url);
            return url;
        }
    });
    /*
     作者：z@qq.com
     时间：2016-12-10
      描述：上传图片附带删除 再次地方可以加上一个ajax进行提交到后台进行删除
     * */
    function removeImg(r){
        $(r).parent().remove();
    }
    /*
     作者：z@qq.com
     时间：2016-12-10
      描述：上传图片附带放大查看处理
     * */
    function lookBigImg(b){
        $(".shadeImg").fadeIn(500);
        $(".showImg").attr("src",$(b).attr("src"))
    }
    /*
     作者：z@qq.com
     时间：2016-12-10
      描述：关闭弹出层
     * */
    function closeShade(){
        $(".shade").fadeOut(500);
    }
    /*
     作者：z@qq.com
     时间：2016-12-10
      描述：关闭弹出层
     * */
    function closeShadeImg(){
        $(".shadeImg").fadeOut(500);
    }
</script>
</html>